tg-me.com/code_breakers/670
Last Update:
📱Поэтапная инструкция по созданию мобильного приложения без кода: архитектура приложения
Если вы вдруг пропустили наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — читайте их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода. А сегодня переходим к следующему этапу создания архитектуры приложения.
Архитектура приложения. Делаем макет-каркас приложения
Несём на место строительства будущего «дома» стройматериалы и делаем из них фундамент и каркасы стен, полов, крыши, этажей.
C нарисованным эскизом приложения отправляйтесь за компьютер. Пора перенести туда видение IT-продукта — нарисовать на компьютере макет мобильного приложения. На сленге разработки макет называется вайрфрейм.
Вайрфрейм помогает точно увидеть и объяснить, как будет выглядеть и работать мобильное приложение. Вы сразу поймёте, как придуманные роли взаимодействуют с приложением и как реализуются функции.
Для первого вайрфрейма хороша Figma — понятный, простой и бесплатный облачный сервис. Работает через браузер и с компьютера. В ней есть рабочая область (frame), размер которой соответствует мобильному экрану.
🟣 Переносите в программу один за другим нарисованные на листах экраны приложения. Также схематично виртуальными фигурами нарисуйте шапку-хэдер, меню, логотип, напишите название, кнопку регистрации/входа. Готов стартовый экран.
🟣 Затем переходите к созданию второстепенных экранов. Например, с главного экрана через кнопку «Войти» пользователь попадает на экран ввода данных аккаунта. Сделайте этот экран — ту же шапку-хедер и два поля ввода для адреса почты и пароля.
🟣 Соедините стрелкой кнопку «Войти», которую вы нарисовали на первом экране, и второстепенный экран с формой входа в аккаунт.
🟣 По такому же принципу изобразите все экраны, которые придумали для приложения.
Вот этот процесс и есть вайрфрейминг — создание макета того, как будет работать приложение. Вайрфреминг помогает понять пользовательский путь, отбросить или добавить функциональность, додумать экраны, элементы на них и немного продумать внешний вид. Если вы начнёте сразу делать приложение на No-code платформе, вы можете себя ограничить или запутать и расстроиться, что ничего не получается. А с вайрфреймом удобно держаться намеченного пути.
➖➖➖➖➖➖➖➖➖➖➖➖
На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro, Figma и не только.
📱ХОЧУ РАЗРАБОТАТЬ СВОЁ ПРИЛОЖЕНИЕ: сodebreakers.tech/mobile
BY Code Breakers | No-code solutions
Share with your friend now:
tg-me.com/code_breakers/670